<template>
  <button @click="increment">{{ state.count }}</button>
  <p>doubleCount {{ doubleCount }}</p>
  <button @click="decrement">{{ count }}</button>
  <button @click="gotoAbout">gotoAbout</button>
  <p>{{number}}</p>
  <button @click="updateNumber">updateNumber</button>
  <div>
    a: {{aa}}
    <button @click="updateAA">updateAA</button>
  </div>
</template>
<script>
import useTest from './useTest'

export default {
  setup () {
    const {
      count,
      state,
      increment,
      doubleCount,
      decrement,
      gotoAbout,
      number,
      updateNumber,
      aa,
      updateAA
    } = useTest()

    return {
      count,
      state,
      increment,
      doubleCount,
      decrement,
      gotoAbout,
      number,
      updateNumber,
      aa,
      updateAA
    }
  }
}
</script>
